<template>
	<view class="flex flex-direction justify-between">
		<view>
			<view class="mt-3">
				<view class="pl-3 text-c3 text-s2">问题和意见</view>
				<view class="bg-white mt-1" style="padding: 24rpx 32rpx;height: 200rpx;">
					<textarea v-model="curData.content" maxlength="200" placeholder="请填写10字以上的问题描述,以便我们为您提供更好的帮助"
						style="font-size: 30rpx;width: 100%;height: 100%;"
						placeholder-style="color: #999999;font-size: 30rpx;" />
				</view>
			</view>
			<view class="mt-3">
				<view class="pl-3 text-c3 text-s2">图片（选填，提供问题截图）</view>
				<view class="bg-white mt-1" style="padding: 30rpx 32rpx 0rpx;">
					<gz-upfile-list v-model="curData.files" rootPath="fankui/files"></gz-upfile-list>
				</view>
			</view>
			<view class="mt-3">
				<view class="pl-3 text-c3 text-s2">联系方式（选填）</view>
				<view class="bg-white mt-1 p-3" style="padding: 32rpx;">
					<input type="number" v-model="curData.phone" maxlength="11" placeholder="手机号码，用于与您联系"
						style="font-size: 30rpx;width: 100%;height: 100%;"
						placeholder-style="font-size: 30rpx;color: #999999;" />
				</view>
			</view>
			<view class="mt-2 text-c3 text-s2" style="padding: 0 32rpx;">
				工作人员如果无法通过手机号码联系到你，可能会申请添加你为微信联系人以取得联系。
			</view>
		</view>
		<view class="flex justify-center" style="margin-top: 100rpx;">
			<view class="text-s2 text-center bg radius-3" style="width: 348rpx;height: 80rpx;line-height: 80rpx;"
				@click="submit">提交</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				curData: {
					content: '',
					files: '',
					phone: ''
				}
			};
		},
		methods: {
			submit() {
				console.log(this.curData)
				if (!this.curData.content) {
					uni.$common.modalInfo('内容不能为空')
					return
				}
				if (this.curData.content.length < 10) {
					uni.$common.modalInfo('内容必须大于10个字')
					return
				}
				// 若有接口,需要判断图片不能为空，可以放开注释
				// if (!this.curData.files) {
				// 	uni.$common.modalInfo('图片不能为空')
				// 	return
				// }
				uni.$common.toastSuc('提交成功')
				this.clearAll()
				// 若有接口,可以放开注释
				// uni.$api.appFankuiAdd(this.curData).then(data => {
				// 	uni.$common.toastSuc('提交成功')
				// 	this.clearAll()
				// })
			},
			clearAll() {
				this.curData.content = ''
				this.curData.files = ''
				this.curData.phone = ''
			}
		}
	}
</script>

<style lang="scss">

</style>